﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache">  <!-- HTTP 1.1 -->
    <meta http-equiv="cache-control" content="no-cache,must-revalidate">  <!-- HTTP 1.0 -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand" /> <!--优先级：极速模式，兼容模式，IE模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../libs/jeasyui-181/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../libs/jeasyui-181/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../../libs/jeasyui-181/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../../css/common.css">
    <script type="text/javascript" src="../../libs/jeasyui-181/jquery.min.js"></script>
    <script type="text/javascript" src="../../libs/jeasyui-181/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../libs/thUtil.js"></script>
    <script type="text/javascript" src="../../libs/mock.js"></script>

    <script type="text/javascript">

        var mainGrid = new UserContol();
        
        $(function () {
            if (UrlParm.hasParm('text')) {
                $('h1').html(UrlParm.parm('text'));
            }

            $('#insert_Link').html(button.insert).linkbutton({ onClick: ajax.insert });
            $('#update_Link').html(button.insert).linkbutton({ onClick: ajax.update });
            $('#delete_Link').html(button.insert).linkbutton({onClick: ajax.delete});
            $('#resort_Link').html(button.resort).linkbutton({ onClick: ajax.resort });
            mygrid.init();
        });

        var ajax = {
            getList: function (param, success) {

                Mock.mock(window.api.applicationsSelectPageList,{
                    "code": 200,
                    "message":"ok",
                    "data":{"total":7,
                            "rows":[{
                                        "id":"1",
                                        "name":"名称1",
                                        "sort":"100",
                                    },
                                    {
                                        "id":"2",
                                        "name":"名称2",
                                        "sort":"100",
                                    },
                                    {
                                        "id":"3",
                                        "name":"名称3",
                                        "sort":"100",
                                    },
                                    {
                                        "id":"4",
                                        "name":"名称4",
                                        "sort":"100",
                                    },
                                    {
                                        "id":"5",
                                        "name":"名称5",
                                        "sort":"100",
                                    },
                                    {
                                        "id":"6",
                                        "name":"名称6",
                                        "sort":"100",
                                    },
                                    {
                                        "id":"7",
                                        "name":"名称7",
                                        "sort":"100",
                                    },
                                    {
                                        "id":"7",
                                        "name":"名称7",
                                        "sort":"100",
                                    }
                    ]}

                });

                Network.connect(window.api.applicationsSelectPageList, 'POST', param, function (res) {
                    if (res.code == ResponseCode.OK) {
                        success(res.data);
                    }
                });
            },
            getOne: function (param,success) {
                Network.connect(window.api.applicationsSelectOne, 'POST', param, function (res) {
                    if (res.code == ResponseCode.OK) {
                        success(res.data);
                    }
                });
            },
            insert: function () {
                dlg = window.parent.$.hDialog({
                    href: window.router.applicationsForm + '?n=' + Math.random(),
                    title: '新增栏目',
                    width: 700,
                    height: 350,
                    onLoad: function () {
                        var row = mygrid.selectRow();

                      window.parent.$("tr[name='edit']").hide();
                    },
                    submit: function () {
                        var isValid = window.parent.$('#form').form("validate");
                        if (isValid) {

                            var formData = window.parent.$("#form").serializeJson();

                            Network.connect(window.api.applicationsInsert, 'POST', formData, function (res) {
                                if (res.code == ResponseCode.OK) {
                                    Tools.show('添加成功');
                                    dlg.dialog('close');
                                    mygrid.reload();
                                }
                            });
                        }
                    }
                }); 
            },
            update: function () {
                var rows = $('#mainGrid').datagrid("getSelections");
                if (rows.length == 0) {
                    Tools.alert('请选择需要修改的数据。'); return;
                }
                dlg = window.parent.$.hDialog({
                    href: window.router.applicationsForm + '?n=' + Math.random(),
                    title: '修改栏目',
                    width: 700,
                    height: 350,
                    onLoad: function () {
                        var param = { APPLICATIONID: rows[0].APPLICATIONID }; 
                        ajax.getOne(param, function (data) {
                            console.log(data);
                          window.parent.$('#form').form('load', data);
                        });

                      window.parent.$("tr[name='edit']").hide();
                    },
                    submit: function () {
                        var isValid = window.parent.$('#form').form("validate");
                        if (isValid) {
                            var formData = window.parent.$("#form").serializeJson();
                            Network.connect(window.api.applicationsUpdate, 'POST', formData, function (res) {
                                if (res.code == ResponseCode.OK) {
                                    Tools.show('修改成功');
                                    dlg.dialog('close');
                                    mygrid.reload();
                                }
                            });
                        }
                    }
                });
            },
            delete: function () {
                var rows = $('#mainGrid').datagrid("getSelections");
                if (rows.length == 1) {
                    Tools.confirm('是否确定删除该数据？', function (result) {
                        if (result) {
                            var formData = { APPLICATIONID: rows[0].APPLICATIONID};
                            Network.connect(window.api.applicationsDelete, 'POST', formData, function (res) {
                                if (res.code == ResponseCode.OK) {
                                    Tools.show('删除成功');
                                    mygrid.reload();
                                }
                            });
                        }
                    });
                }
                else {
                    Tools.alert('请选择需要删除的数据。');
                }
            },
            resort: function () {
                Tools.confirm('是否确定重新整理数据？', function (result) {
                    if (result) {
                        Network.connect(window.api.applicationsReSort, 'POST', {}, function (res) {
                            if (res.code == ResponseCode.OK) {
                                Tools.show('重新整理成功');
                                mygrid.reload();
                            }
                        });
                    }
                });
            }
        }

        var mygrid = {
            init: function () {
                mainGrid.dataGrid.id = 'mainGrid';
                mainGrid.dataGrid.idField = 'id';
                mainGrid.dataGrid.sortName = 'sort';
                mainGrid.dataGrid.sortOrder = 'asc';
                mainGrid.dataGrid.toolbar = '#toolbar';
                mainGrid.dataGrid.onLoadSuccess = function (data) {
                    if (data.total == 0)
                        setEmptyData($(this));
                };
                mainGrid.dataGrid.loader = function (param, success, error) {
                    $('#mainGrid').datagrid('clearSelections');
                    ajax.getList(param, success);
                };
                mainGrid.dataGrid.columns = [[
                    { field: 'name', title: '分类名称', halign: 'center', align: 'center', width: 120 },
                    { field: 'sort', title: '排序编号', halign: 'center', align: 'center', width: 90 }
                ]];
                mainGrid.InitdataGrid();
            },
            reload: function () {
                $('#mainGrid').datagrid('reload');//$('#mainGrid').datagrid('clearSelections').datagrid('reload');
            },
            selectRow: function () {
                return $('#mainGrid').datagrid('getSelected');
            }
        };

    </script>

</head>
<body>
<div class="container-wrap">
    <div id="toolbar">
        <div class="container-tit">
            <h1></h1>
        </div>
        <div class="sreach fixed">
            <!--<input type="text" class="easyui-textbox" data-options="label:'上级部门:',labelWidth: 80,width:240,"/>
            <a href="#" class="easyui-linkbutton search">查询</a>-->
            <div class="bar-btn">
                <a id="insert_Link" href="#" class="easyui-linkbutton insert">新增</a>
                <a id="update_Link" href="#" class="easyui-linkbutton update">修改</a>
                <a id="delete_Link" href="#" class="easyui-linkbutton delete">删除</a>
            </div>
        </div>
    </div>
    <div id="mainGrid"></div>
</div>
</body>
</html>